<!--
  @Descripttion:：全局footer
  @Author：yejianbo
  @Date：2022年05月26日 12:35:40
-->
<template>
  <section
    class="footer-com"
    :style="isFix ? 'position: fixed;' : 'posisiont: relative;'"
  >
    <div class="footer-content">
      粤ICP备2022068938号 <span class="icon"></span>
      <a
        target="_blank"
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030402005639"
        >粤公网安备 44030402005639号</a
      >
    </div>
  </section>
</template>

<script>
export default {
  // 组件名称
  name: "footerCom",
  props: {
    isFix: {
      type: [Boolean],
      default: () => {
        return false;
      },
    },
  },
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.footer-com {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #333;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  // font-weight: 400;
  color: #ffffff;
  text-align: center;
  flex: 0 0 auto;
  .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url("../../assets/images/gongan.png") no-repeat center center /
      cover;
  }
  a {
    color: #fff;
    text-decoration: none;
    &:hover {
      color: #3d6cb0;
    }
  }
}
</style>
